<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>02-节流</title>
</head>


<body>
    <h1>节流</h1>
    <p>节流（throttle）是指在一个单位时间内，只能触发一次函数，如果在这段时间内触发第二次，则会重新计时。比如，在一个按钮上设置了防抖，在用户短时间内连续点击，防抖函数会在规定的时间内只执行一次，而节流函数则会在规定的时间内不执行，直到上一次函数执行完毕才会执行。</p>
    <p>节流函数的实现方法有很多种，这里以时间戳的方式来实现。</p>
    <p>假设有一个函数叫做 myFunc，我们希望在 1000ms 内只执行一次，那么可以这样实现：</p>
    <pre>
        let lastTime = 0;
        function myFunc() {
            let now = +new Date();
            if (now - lastTime > 1000) {
                // 执行函数
                console.log('执行函数');
                lastTime = now;
            }
        }
    </pre>
  
</body>
<script>

</script>

</html>